<template>
  <div class="clearfix">
    <span ><div class="label_color"></div></span>
    <span class="label_text">{{text}}</span>
  </div>
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      required: true
    }
  }
}
</script>

<style>
.label_color {
  width: 8px;
  height: 28px;
  background-color: #3F51B5;
  float: left;
}
.label_text {
  float: left;
  font-size: 28px;
  padding-left: 20px;
  line-height: 28px;
}
  .clearfix:before,
  .clearfix:after {
    content: '';
    display: table;
  }
  .clearfix:after {
    clear: both;
  }
  /* ie6 7 专门清除浮动的样式*/
  .clearfix {
    *zoom: 1;
  }
</style>
